<template>
  <div class="Content">
    <div class="box">
        <iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=n3040bq0f71" allowFullScreen="true" class="video_box"></iframe>
    </div>
    <layerbg></layerbg>
  </div>
</template>
<script>

import layerbg from '@/components/layerbg'
export default {
    components:{
       layerbg 
    }
}
</script>
<style lang="less">
.layer{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 99;   
     .Content {
        width: 100%;
        background: #e9e9e9;
        position: absolute;
        top: 150px;
        left: 0;
        border-radius: 15px;
        box-sizing: border-box;
        z-index: 999;  
      .box{
          position: absolute;
          width: 50%;
          height: 620px;
          border-radius: 15px;
          top: 20%;
          left: 15%;
          background: #000;
          .video_box{
              width: 100%;
              height: 620px;
              overflow: hidden;             
          }
      }
}
}
</style>